<!DOCTYPE html>
<meta charset="UTF-8">
<style type="text/css">
.bodyClsTest {
	overflow: auto;
	border-left: 1px solid red !important;
	border-right: 1px solid red !important;
	border-top: 0px solid red !important;
	border-bottom: 1px solid red !important;
	background: #cccccc !important;
}

.headerClsTest {
	border-left: 1px solid red !important;
	border-right: 1px solid red !important;
	border-top: 1px solid red !important;
	border-bottom: 1px solid red !important;
	background: #339999 !important;
}

.accordionClsTest {
	border-width: 12px !important;
	border-color: #00ccff !important;
}
</style>
<div data-type="accordion" data-define="accordionCls:'accordionClsTest',fit:true"
	style="width: 500px; height: 100%;">
	<div title="关于" data-define="iconCls:'icon-ok',bodyCls:'bodyClsTest',headerCls:'headerClsTest'"
		style="overflow: auto; padding: 10px;">
		<h3 style="color: #0099FF;">jQuery 导航条</h3>
	</div>
	<div title="树型菜单"
		data-define="iconCls:'icon-search',selected:true,bodyCls:'accordion-body',
				tools:[{
					iconCls:'icon-reload',
					handler:function(){
						alert('刷新');
					}
				}]"
		style="padding: 0px;">样式自定义</div>
</div>
